<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    div {
      width: 300px;
      height: 300px;
      background-color: skyblue;
    }

    /* body {
      margin: 0;
    }

    p {
      margin: 0;
    }

    ul {
      list-style: none;
      margin: 0;
      padding: 0;
    } */

    /* 浏览器会默认给部分标签设置默认的margin和padding，
    但一般在项目开始前需要先清除这些标签默认的margin和padding，后续需要时再自己设置 */
    /* 以下有两种解决办法 */
    /* 推荐使用这种方法，提高浏览器的性能 */
    blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, 
    h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
      margin: 0;
      padding: 0;
    }

    /* 这种办法是选中所有的标签设置，把本身没有margin和padding的标签也设置上了，降低了浏览器的性能 */
    * {
      margin: 0;
      padding: 0;
    }
  </style>
</head>

<body>
  <div></div>
  <p>得便惊后德徒太竟杀，我通一，活友骨你的。</p>
  <p>越将的韩而，第为护笔虑人娘句，起到千支。</p>
  <p>法召光易秦情你他惊，书不我一手今骂才己。</p>
  <ul>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
  </ul>
</body>

</html>